<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>待审核单</title>
    <%@include file="/WEB-INF/views/commons/commons.jsp" %>
    <script type="text/javascript" src="/static/js/system/unAuditedBill.js"></script>
    <style>
        .datagrid-cell-check input {
            margin-top: 2px;
        }

        .dialog-form {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            padding: 14px 20px;
            justify-content: space-around;
        }

        .dialog-form p {
            display: flex;
            padding-top: 3px;
            padding-bottom: 3px;
            align-items: center;
        }

        .dialog-form .left {
            width: 90px;
        }
    </style>
</head>
<body>
<table id="unAuditedBill_datagrid">
    <div id="temporary_toolbar">
        <a class="easyui-linkbutton" iconCls="icon-undo" plain="true" data-cmd="backToChange">退回修改</a>
        <a class="easyui-linkbutton" iconCls="icon-ok" plain="true" data-cmd="audit">审核通过</a>
        <a class="easyui-linkbutton" iconCls="icon-no" plain="true" data-cmd="refuse">拒保</a>

        <a class="easyui-linkbutton" iconCls="icon-man" plain="true" id="showClient">投保人详情</a>
        <a class="easyui-linkbutton" iconCls="icon-search" plain="true" id="showBill">保单详情</a>
        <a class="easyui-linkbutton" iconCls="icon-reload" plain="true" data-cmd="refresh">刷新</a>
        投保人：<input id="clientName" class="easyui-textbox">
        保单编号:<input id="sn" class="easyui-textbox">
        <a class="easyui-linkbutton" iconCls="icon-search" plain="true" data-cmd="query">搜索</a>

    </div>
</table>

<div id="edit_dialog">
    <div id="insure_panel11" class="easyui-panel" title="车辆信息"
         style="width:100%;height:45%;padding:10px;background:#fafafa;"
         data-options="collapsible:true">
        <form id="carinfo_form" method="post">
            <table>
                <tr>
                    <td>车主姓名:<input name="owner" class="easyui-textbox"  /></td>
                    <td>车辆品牌:<input name="brand" class="easyui-textbox"  /></td>
                    <td>车辆型号:<input name="model" class="easyui-textbox"  /></td>
                </tr>
                <tr>
                    <td>车牌号码:<input name="number" class="easyui-textbox"  /></td>
                    <td>排气量/L:<input name="gas" class="easyui-textbox"/>L</td>
                    <td>汽车分类:<input name="type" class="easyui-combobox"
                                    data-options="valueField:'value',panelHeight:'auto',textField:'text',
                        data:[{text:'载人',value:'1'},{text:'载物',value:'0'}]"/></td>
                </tr>
                <tr>
                    <%--车载大小暂时写死,需要数据字典的时候在这里加上url--%>
                    <td>购置日期:<input name="purchaseDate" id="endDate_max" class="easyui-datebox"/></td>
                    <script>
                        $(function(){
                            $('#endDate_max').datebox().datebox('calendar').calendar({
                                validator: function(date){
                                    var now = new Date();
                                    return date <= now;
                                }
                            });
                        });
                    </script>
                    <td>市场估价:<input name="price" class="easyui-textbox"  />万</td>
                    <td>车载大小:<input name="loadSize"class="easyui-combobox"
                                    data-options="valueField:'value', textField:'text',
                       data:[{text:'小型',value:'0'},
                            {text:'中型',value:'1'},
                            {text:'大型',value:'2'}],
                       panelHeight:'auto'"/></td>
                </tr>
            </table>
        </form>
    </div>
    <div id="insure_panel4" class="easyui-panel" title="保险产品"
         style="width:100%;height:55%;padding:10px;background:#fafafa;"
         data-options="collapsible:true">
        承保机构:<input tag="organization" class="easyui-combobox" id="agencyInfo_combobox"
                    data-options="valueField:'id', textField:'name',prompt:'选择承保机构',
                               url:'/company/selectAll', panelHeight:'auto'"/>
        <a id="add_linkbutton">添加产品</a>
        保险时长:<input id="limitYear_input" tag="burningTime" class="easyui-textbox"/>年<br/><br/>
        <table id="productInfo_datagrid" width="100%"></table>

        总计:<span id="totalAmount1" style="font-size: xx-large;color: red">0</span>元
    </div>
</div>
<%--对话框按钮--%>
<div id="dialog_buttons">
    <div id="edit_buttons">
        <a class="easyui-linkbutton" iconCls="icon-save" plain="true" data-cmd="save">保存</a>
        <a class="easyui-linkbutton" iconCls="icon-cancel" plain="true" data-cmd="cancel">取消</a>
    </div>
    <div id="edit_productInfo_buttons">
        <a class="easyui-linkbutton" iconCls="icon-remove" plain="true" id="edit_productInfo_delete">删除</a>
    </div>
</div>
<%--所有商品弹出框--%>
<div id="allproduct_dialog" >
    <table id="allProductInfo_datagrid"></table>
</div>
<div id="allProduct_buttons">
    <div id="chose_buttons">
        <a class="easyui-linkbutton" iconCls="icon-edit_add" plain="true" data-cmd="chose">选择</a>
    </div>
</div>

<div id="client_dialog" class="easyui-dialog">
    <form method="post" class="dialog-form" id="client_form">
        <input type="hidden" name="id" id="clientId">
        <p>
            <span class="left">客户姓名:</span>
            <input name="name" class="easyui-textbox" readonly="true">
        </p>
        <p>
            <span class="left">身份证号:</span>
            <input name="idNumber" class="easyui-textbox" readonly="true">
        </p>
        <p>
            <span class="left">年龄:</span>
            <input name="age" class="easyui-numberbox" readonly="true">
        </p>
        <p>
            <span class="left">性别:</span>
            <input name="gender" class="easyui-textbox"
                   data-options="valueField:'value',panelHeight:'auto',
             data:[{text:'男',value:'1'},{text:'女',value:'0'}]" readonly="true">
        </p>
        <p>
            <span class="left">电话:</span>
            <input name="tel" class="easyui-numberbox" readonly="true">
        </p>
        <p>
            <span class="left">邮箱:</span>
            <input name="email" class="easyui-textbox" readonly="true">
        </p>
        <p>
            <span class="left">客户地址:</span>
            <input name="address" class="easyui-textbox" readonly="true">
        </p>
        <p>
            <%--客户来源:数据字典--%>
            <span class="left">客户来源:</span>
            <input name="resource.name"  class="easyui-textbox" readonly="true">
        </p>
        <p>
            <%--职业:数据字典--%>
            <span class="left">职业:</span>
            <input name="job.name" class="easyui-textbox" readonly="true"
            >
        </p>
        <p>
            <%--薪资水平:数据字典--%>
            <span class="left">薪资水平:</span>
            <input name="income.name" class="easyui-textbox" readonly="true"
            >
        </p>
    </form>
</div>



<div id="show_dialog">
    <div id="showInsure_panel" class="easyui-panel" title="车辆信息"
         style="width:100%;height:45%;padding:10px;background:#fafafa;"
         data-options="collapsible:true">
        <form id="showCarinfo_form">
            <table>
                <tr>
                    <td>车主姓名:<input name="owner" class="easyui-textbox" readonly /></td>
                    <td>车辆品牌:<input name="brand" class="easyui-textbox" readonly /></td>
                    <td>车辆型号:<input name="model" class="easyui-textbox" readonly /></td>
                </tr>
                <tr>
                    <td>车牌号码:<input name="number" class="easyui-textbox" readonly /></td>
                    <td>排气量/L:<input name="gas" class="easyui-textbox" readonly />L</td>
                    <td>汽车分类:<input name="type" class="easyui-textbox" readonly
                                    data-options="valueField:'value',panelHeight:'auto',textField:'text',
                        data:[{text:'载人',value:'1'},{text:'载物',value:'0'}]"/></td>
                </tr>
                <tr>
                    <td>购置日期:<input name="purchaseDate" class="easyui-textbox" readonly /></td>
                    <td>市场估价:<input name="price" class="easyui-textbox"  readonly />万</td>
                    <%--数据字典--%>
                    <td>车载大小:<input name="loadSize"class="easyui-textbox" readonly
                                    data-options="valueField:'value', textField:'text',
                                    data:[{text:'小型',value:'0'},
                                    {text:'中型',value:'1'},
                                    {text:'大型',value:'2'}],
                                    panelHeight:'auto'"/></td>
                </tr>
            </table>
        </form>
    </div>
    <div id="showInsure_panel4" class="easyui-panel" title="保险产品"
         style="width:100%;height:55%;padding:10px;background:#fafafa;"
         data-options="collapsible:true">
        <%--选择承保机构:数据字典--%>
        承保机构:<input tag="organization" class="easyui-combobox" id="showAgencyInfo_combobox" readonly
                    value = "1"
                    data-options="valueField:'id', textField:'name',prompt:'选择承保机构',url:'/company/selectAll', panelHeight:'auto'"/>
        保险时长:<input id="showlimitYear_input" tag="burningTime" readonly class="easyui-textbox"/>年<br/><br/>
        <table id="showproductInfo_datagrid" width="100%"></table>
        总计:<span id="showtotalAmount1" style="font-size: xx-large;color: red">0</span>元
    </div>
    <div id="showInfo_buttons">
        <a class="easyui-linkbutton" iconCls="icon-save" plain="true" id="showInfo_cancel">确定</a>
    </div>
</div>
</body>
</html>
